<html>
    <head>
        <title>文本样式</title>
    </head>
    <body>
        <script>
            /*
                  十一、文本样式

                            1、color

                                    color: 文字颜色，支持如下字段：

                                            ①、RGB (rgb(255,0,0))

                                            ②、RGBA (rgb(255,0,0,0.5))

                                            ③、十六进制 (#ff0000)

                                            ④、精简写法的十六进制 (#f00)

                                            ⑤、色值关键字 (red)

                            2、font-size

                                    font-size :  文字大小，只有text 标签可以设置字体大小。


                            3、font-style

                                    font-style: 字体类别。 可选值 normal | italic ,默认为 normal.

                            4、font-weight
                                    
                                    font-weight: 字体粗细程度。默认值 normal

                                    ①、可选值：  normal、bold、100、200、300、400、500、600、700、800、900

                                    ②、normal 等同于400，bold 等同于700

                                    ③、ios 支持9种 font-weight 值； Android 仅支持400 和 700，其他只会设置为400 或 700

                                    ④、类似 lighter,bolder 这样的值不支持

                            5、text-decoration

                                    text-decoration: 字体装饰。默认值为 none。

                                        可选值                描述

                                        none                  默认。定义标准的文本

                                        underline             定义文本下的一条线

                                        line-through          定义穿过文本的一条线

                                    只支持 text  和 richtext

                                    不支持  text-decoration:overline

                            6、text-align
                                    
                                    text-align: 对齐方式。默认值为 left

                                         可选值                 描述

                                         left                   把文本排列到左边

                                         center                 把文字排列到中间

                                         right                  把文本排列到右边

                            7、font-family

                                     font-family  : 设置字体。 这个设置不保证在不同的平台，设备间的一致性。

                                    如所选设置在平台上不可用，将会降级到平台默认字体。
                                    
                                    如果需要加载自定义字体，请参考相关：https://zh.uniapp.dcloud.io/tutorial/nvue-api.html#addrule

                            8、text-overflow
                            
                                    text-overflow: 设置内容超长时的省略样式。

                                          可选值                 描述

                                          clip                  修剪文本

                                          ellipsis              显示省略符号来代表被修剪的文本

                                    只支持 text 和 richtext


                            9、lines

                                    lines :正整数 ，指定最大文本行数，默认 lines 值为0，表示不限制最大行数 lines。 

                                    如果文本不够长，实际展示行数会小于指定行数。

                            10、line-height

                                    line-height:正整数，每行文字高度。

                                    line-height 是top 至 bottom的距离。line-height 与 font-size 没有关系，因为 line-height 被top和bottom限制，

                                    font-size 被 glyph所解析。

                                    line-height  和 font-size 相等一般会导致文字被截断。

                            11、word-wrap

                                    word-wrap: 对nvue来说 anywhere 表示在以字符为最小元素做截断换行，
                                    
                                    其他值或不指定该属性，都以英文单词为单位进行换行。


                                           可选值                描述

                                           break-word           在长单词或URL地址内部进行换行

                                           normal               只在允许的断字点换行

                                           anywhere             以字符为最小元素做截断换行


                                        ★、在 Android 平台暂不支持。





            */
        </script>
    </body>
</html>